<!DOCTYPE html>

<!-- define angular app -->
<html ng-app="AWSApp">

	<head>
		<!-- stylesheets -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" />
		<link href="bootstrap-3.0.3-dist/dist/css/bootstrap.min.css" rel="stylesheet">
		<link href="wat.css" rel="stylesheet"
		<!-- scripts -->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular-route.js"></script>
		<script src="script.js"></script>
		<script src="wat.js"></script> <!--WAT?-->
		<script src="angular-strap/dist/angular-strap.min.js"></script>
		<script src="angular-strap/dist/angular-strap.tpl.min.js"></script>
	</head>

	<!-- define angular controller -->
	<body ng-controller="mainController">

		<nav class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">Avans Weather App</a>
				</div>

				<ul class="nav navbar-nav navbar-right">
					<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
					<li><a href="#airpressure"><i class="fa fa-comment"></i> AirPressure</a></li>
					<li><a href="#humidity"><i class="fa fa-comment"></i> Humidity</a></li>
					<li><a href="#rainrate"><i class="fa fa-comment"></i> Rainrate</a></li>
					<li><a href="#temperature"><i class="fa fa-comment"></i> Temperature</a></li>
					<li><a href="#winddirection"><i class="fa fa-comment"></i> Wind Direction</a></li>
					<li><a href="#windspeed"><i class="fa fa-comment"></i> Wind Speed</a></li>			
				</ul>
			</div>
		</nav>

		<div id="main">  
			<!-- angular templating -->
			<!-- this is where content will be injected -->
			<div ng-view></div>
		</div>
	</body>
</html>
